.eventcontainer {
  position:relative;
  overflow:hidden;
  
  max-height:400px;
}

.container-touch-area{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#555555));
  background: -webkit-linear-gradient(top, #000000 0%,#555555 100%);
  background: -moz-linear-gradient(top, #000000 0%,#555555 100%);
  
  background-repeat: no-repeat;
  
  min-height:400px;
  color:#ffffff;
  padding:5px;
  
  cursor:default;
  
  background-color: #555555;
  
  width:100%;
}

.touch {
  position:absolute;
  top:0px;
  left:0px;
  width:70px;
  height:70px;
  
  border:4px solid white;
  
  border-radius: 70px;  
  -moz-border-radius: 70px;  
  -webkit-border-radius: 70px; 
  
  margin-left:-35px;
  margin-top:-35px;
  z-index:5000;
  
  pointer-events:none;
}

.gesture-target {
  transform: scale(0.5);
  
  z-index:1000;
  position:absolute;
  top:0px;
  left:0px;
}

.marginExpander {
  margin-right: 5px;
}

.toggleButton {
  margin-top:2px;
}


.carousel-page {
  font-size:2.5em;
  height:350px;
}

.carousel-page > .label {
  padding:10px;
  font-family:helvetica;
  font-weight:bold;
}

.carousel-example-1 {
  background-color:#0C2550;
  color: white ;
}

.carousel-example-2 {
  background-color:#A3D0C1;
  font-size:2.5em;
  height:350px;
  color:#222222;
}

.carousel-example-3 {
  background-color:#FDF6DD;
  font-size:2.5em;
  height:350px;
  color:#222222;
}

.carousel-example-4 {
  background-color:#FEE406;
  font-size:2.5em;
  height:350px;
  color:#222222;
}

.carousel-example-5 {
  background-color:#F4651C;
  font-size:2.5em;
  height:350px;
  color:#222222;
}

.example-button {
  width:100px;
  font-size:0.35em;
}


.view1 {
  border:1px solid #aaaaaa;
  background-color:white;
  padding:10px;
  background-position: right;
  background-repeat: no-repeat;
  padding-right:100px;
  color:#555555;
  min-height:60px;
  background-image: url();
}

.view2 {
  border:1px solid #aaaaaa;
  background-color:white;
  padding:10px;
  background-position: right;
  background-repeat: no-repeat;
  color:#555555;
  padding-right:100px;
  min-height:60px;
  background-image: url();
}

.view3 {
  border:1px solid #aaaaaa;
  background-color:white;
  padding:10px;
  background-position: right;
  background-repeat: no-repeat;
  
  padding-right:100px;
  min-height:60px;
  color:#555555;
  background-image: url();
}

.view4 {
  border:1px solid #aaaaaa;
  background-color:white;
  background-position: right ;
  background-repeat: no-repeat;
  padding:10px;
  padding-right:100px;
  min-height:60px;
  color:#555555;
  background-image: url();
}

/* MAPS & PAGES */

#osmMap {
  background-color:white;
}

#osmMap > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}

.olMapViewport{
  position:static !important;
}

#mapMenu {
  position:absolute;
  z-index:1000;
  right:0px;
  background-color:white;
  
  color:#333333;
  
  background-color:transparent;
}

#mapMenu .group.bordered {
  background-color:white !important;
  padding:8px;
}

#mapMenu .group.bordered .toggleButton {
  margin:0 auto;
}

.osmMapLabel{
  padding-bottom:4px;
  font-size:0.8em;
  text-align:center;
}

.olLayerGrid .olTileImage {
  -webkit-transition:  none !important;
  -moz-transition:  none !important;
  -o-transition:  none !important;
  transition:  none !important;
} 

.map-shadow {
  -moz-border-radius: 0.4em;  
  -webkit-border-radius: 0.4em; 
  box-shadow: 2px 2px 3px 0px #444444;
  border:1px solid #888888;
}

.registration-result {
  background-color:white;
  color:#333333;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em; 
  padding:4px;
}
